<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>订单管理</title>
    <%@include file="/WEB-INF/views/commons/commons.jsp" %>
    <script type="text/javascript" src="/static/js/system/orderBill.js"></script>
</head>
<body>
<table id="bill_datagrid"></table>

<!-- 表格顶部工具栏 -->
<div id="tb">
    <a href="#" class="easyui-linkbutton"
       data-options="iconCls:'icon-add',plain:true" data-cmd="add">新增</a> <a
        href="#" class="easyui-linkbutton"
        data-options="iconCls:'icon-edit',plain:true" data-cmd="edit" id="edit_btn">编辑</a>
    <a href="#" class="easyui-linkbutton"
       data-options="iconCls:'icon-remove',plain:true" data-cmd="changeAudit" id="changeAudit_btn">审核订单</a>
    <a href="#" class="easyui-linkbutton"
       data-options="iconCls:'icon-reload',plain:true" data-cmd="reload">刷新</a>

</div>
<table id="itemTr">
    <tr>
        <td></td>
        <td>
            <span tag="sn" name="product.sn"></span>
            <input type="hidden" name="product.id" tag="pid"/>
        </td>
        <td><span tag="name" name="product.name"></span></td>
        <td><input tag="number" name="number" type="number"/></td>
        <td><input tag="costPrice" name="costPrice" type="number"/></td>
        <td><span tag="amount"></span></td>
        <td><input tag="remark" name="remark"/></td>
        <td>
            <a class="easyui-linkbutton deleteItem" href="#" iconCls="icon-remove" plain="true">删除</a>
        </td>
    </tr>
</table>
<!-- 新增编辑dialog -->
<div id="bill_dialog">

    <form method="post" id="bill_form" style="padding: 40px 0px 0px 30px;">
        <input type="hidden" id="billId" name="id">
        <table style="border-collapse: separate; border-spacing: 10px">
          <tr>
                <td>订单编号:</td>
                <td>
                    <input class="easyui-textbox" name="sn">
                </td>
            </tr>
            <tr>
                <td>业务时间:</td>
                <td>
                    <input class="easyui-datebox" name="vdate">
                </td>
            </tr>
            <tr>
                <td>供应商:</td>
                <td>
                    <input class="easyui-combobox" name="supplier.id" data-options="
                     valueField:'id',textField:'name',panelHeight:'auto' ,url:'/supplier/querySupplier'">
                </td>
            </tr>
        </table>
        <table align="center" style="pargin-top:20px">
            <thead>
            <tr>
                <td width="70"><a class="easyui-linkbutton" href="#" iconCls="icon-add" plain="true"
                                  data-cmd="addProduct" style="color: red" >添加</a></td>
                <td width="152">商品编码</td>
                <td width="137">商品名称</td>
                <td width="143" aria-required="true">商品数量</td>
                <td width="143">商品单价</td>
                <td width="100">商品总计</td>
                <td width="150">备注</td>
                <td width="100"></td>
            </tr>
            </thead>
            <tbody id="edit_tbody">
        </table>
    </form>
</div>
<div id="product_view">
    <table id="pro_datagrid"></table>
</div>

</body>
<!-- 新增编辑底部按钮 -->
<div id="bb">
    <a href="#" class="easyui-linkbutton"
       data-options="iconCls:'icon-save',plain:true"
       data-cmd="save">保存</a> <a
        href="#" class="easyui-linkbutton"
        data-options="iconCls:'icon-cancel',plain:true" data-cmd="cancel">取消</a>
</div>
</div>
</body>
</html>
